@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");

* {
    font-family: "Open Sans", sans-serif;
}

body{
    background-color: #f0f0f0;
}

.rounded-b {
    border-radius: 5px;
}

.shadowT {
    box-shadow: 0 0.5px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.legend {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    margin: 2px;
}
#legendRow{
    background-color: #CCD1D1;
}

.legend-start {
    background-color: #f81245;
}

.legend-finish {
    background-color: #12f893;
}

.legend-visited {
    background-color: blueviolet;
}

.legend-shortest-path {
    background-color: yellow;
}

.legend-wall {
    background-color: #262626;
}

.legend-path {
    background-color: #fff;
}

.legend-label {
    margin: 3.5px;
}
